<template>
  <div class="abs trbl0 pl100 pr100 pt100">
    <div>输入@符号自动触发选择</div>
    <div :style="{height, position: 'relative'}">
      <div id="atInput" ref="atRef" class='rds5 pt5 pb5 pl5 bdc' style="outline:none;" contentEditable @input="editorChange" @click="editorClick" />
      <SelectUser :options="options" :visible="visible" :cursorPosition="cursorPosition" @onSelect="onSelect" />
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped></style>